<div [@flyIn]="'active'">
  <div class="wrapper-sm">
    <div class="panel panel-default m-b-n-xs" style="border-radius:5px">
      <div class="panel-body" style="font-size: 10px;padding:5px 20px; " >

        <div class="m-t-xs m-t-sm">
          <span>系统管理</span>
          <i class="fa fa-angle-right"></i>
          <span>用户管理</span>
          <i class="fa fa-angle-right"></i>         
          <span>分配产品</span>
          <i class="fa fa-angle-right"></i>
          <span>分配设备</span>
        </div>

      </div>
    </div>
  </div>


  <div class="wrapper-md">
    <div class="panel panel-default">
      <div class="row" style="margin-top: 20px">
        <div class="col-lg-6"  >
          <div class="bs-example form-horizontal">
            <div class="form-group">
              <label class="col-lg-2 control-label"><b>搜索</b></label>
              <div class="col-lg-9">
                <div class="input-group">
                  <input id="account-keyword"  [(ngModel)]="keyword" type="search" class="form-control input-sm ng-valid ng-dirty" placeholder="产品名称、设备名称...">
                <span class="input-group-btn">
                  <button class=" btn btn-default btn-sm" type="button" (click)="search()">搜索</button>

                </span>
                </div>
              </div>
            </div>
          </div>
        </div>
        <div class="col-lg-6 text-right">
          <button class="btn btn-info btn-sm " (click)="save()">
            确定
          </button>
          <a class="btn btn-danger btn-sm " [routerLink]="['../../assinproducts',model.account_id]">取消</a>
        </div>
      </div>

      <table  class="table table-striped m-b-none ">
        <thead>
        <tr>
          <th>
            <input type="checkbox" name="" [checked]="isAllChecked()" (click)="checkAll($event)" />
          </th>
          <th >产品名称</th>
          <th>客户简称</th>
          <th>空压机序列号</th>
          <th>设备型号</th>
          <th>终端用户</th>
        </tr>
        </thead>
        <tbody>
        <tr *ngFor="let item of data">
          <td>
            <input type="checkbox" class="checkbox" checked value="{{item.id}}"  [(ngModel)]="item.state" />

           <!--  <input type="checkbox" class="checkbox" value="{{item.id}}" *ngIf="item.state== null" /> -->
          </td>
          <td>{{item.product_name}}</td>
          <td>{{item.name}}</td>
          <td>{{item.sn}}</td>
          <td>{{item.model}}</td>
          <td>{{item.zdyh}}</td>

        </tr>
        </tbody>
      </table>

      <div class="pull-right">
        <app-pagination [pageModel]="pageModel" (pageChanged)="model.page=$event;getData()"></app-pagination>
      </div>
    </div>
  </div>


</div>
